<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">

	<h:form>



		<p:panelGrid style="width:60%;">

			<p:row>
				<p:column >
					<h:outputLabel value="Municipalidad" />
				</p:column>
				<p:column>
					<p:inputText size="20" />
				</p:column>
				<p:column>
					<p:commandButton value="Datos Alcalde"/>
				</p:column>
			</p:row>

			<p:row>
				<p:column >
					<h:outputLabel value="Fecha Visita Programada" />
				</p:column>
				<p:column>
					<p:calendar />
				</p:column>
			</p:row>
						<p:row>
				<p:column >
					<h:outputLabel value="Agente Asignado" />
				</p:column>
				<p:column>
					<p:inputText size="20" />
				</p:column>
				<p:column>
					<p:commandButton icon="ui-icon-search"/>
				</p:column>

				<p:column>
					<p:commandButton value="Resultado"/>
				</p:column>
			</p:row>
			
			<p:row>
				<p:column >
					<h:outputLabel value="Fecha Visita Ejecutada" />
				</p:column>
				<p:column>
					<p:calendar />
				</p:column>
			</p:row>
			
			<p:row>
				<p:column >
					<h:outputLabel value="Agente Ejecutor" />
				</p:column>
				<p:column>
					<p:inputText size="20" />
				</p:column>
				<p:column>
					<p:commandButton icon="ui-icon-search"/>
				</p:column>
				
			</p:row>
			
			<p:row>
				<p:column >
					<h:outputLabel value="Adjuntar resolución de Alcalde" />
				</p:column>
				<p:column>
					<p:fileUpload  mode="advanced"  
           				 auto="true" label="Adjuntar" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 
            
				</p:column>
			</p:row>
			
			<p:row>
				<p:column >
					<p:commandButton value="Grabar"/>
				</p:column>
				<p:column>
					<p:commandButton value="Cancelar"/>
				</p:column>
			</p:row>
			
			
		</p:panelGrid>
		
			<p class="subtitle">
					<b>CCPP por distrito</b>
		</p>
		
		<p:dataTable id="necs" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="Ubigeo">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Centro Poblado">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column headerText="Poblacion Censada">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Tipo de CCPP">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column headerText="Tipo Area">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Tipo Región">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column headerText="Activo">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Seleccionar">
				<h:outputText value="NEC 1" />
			</p:column>
		</p:dataTable>



	</h:form>


</ui:composition>